<script setup>
import { ref } from 'vue'

const dialog = ref(true)
</script>

<template>
  <main class="relative mx-auto h-64 w-sm">
    <div v-show="dialog" class="absolute top-10 h-64 w-full bg-blue-200 p-2 shadow-lg">
      <section class="flex h-full items-center justify-center gap-4">
        <button class="btn btn-green" @click="dialog = false">签到</button>
        <button class="btn btn-red" @click="dialog = false">选人</button>
        <button class="btn btn-purple" @click="dialog = false">抢答</button>
      </section>
    </div>

    <div class="text-center">
      <button class="btn btn-yellow" @click="dialog = true">添加活动</button>
    </div>
  </main>
</template>
